<template>
	<view>
		<!-- 该代码只能在微信小程序中打包编译,也就是打包后只有微信小程序包有这个代码 -->

		<!-- #ifdef MP-WEIXIN -->
		<view class="">
			我是微信小程序代码
		</view>
		<!-- #endif -->

		<!-- #ifdef H5 -->
		<view>
			我是H5 代码
		</view>
		<!-- #endif -->

		<view class="box">
			测试不同平台下的盒子样式
		</view>

		<view class="">
			<button @click="outputFn">点击事件测试在不同平台输出不同内容</button>
		</view>
		<view class="">
			<button @click="gotopageFn">跳转页面</button>
		</view>
		<!-- 使用uniapp 插件 -->
		<uni-search-bar @confirm="search" @input="input"></uni-search-bar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			uni.request({
				url: 'https://mpapi.iynn.cn/api/v1/news',
				data: {
					page: 1
				},
				success(res) {
					console.log(res);
				}
			})
		},
		methods: {
			outputFn() {
				// #ifdef H5
				console.log('H5');
				// #endif
				// #ifdef MP-WEIXIN
				console.log('weixin');
				// #endif
			},
			gotopageFn() {
				uni.navigateTo({
					url: '/pages/detail/detail'
				})
			},
			search(res) {
				console.log(res.value);
			},
			input(res) {
				console.log('----input:', res)
			},
		}
	}
</script>

<style scoped>
	.box {
		width: 200rpx;
		height: 200rpx;
		/* #ifdef H5 */
		background-color: red;
		/* #endif */

		/* #ifdef MP-WEIXIN */
		background-color: green;
		/* #endif */
	}
</style>
